/*****************************************************************************************
**  Author:jxx 2023
**  QQ:283591387
**  框架文档： http://doc.volcore.xyz/
*****************************************************************************************/
//此js文件是用来自定义扩展业务代码，在当前[表.vue]文件中也可以实现业务处理
import modelHeader from './workBatchModelHeader.vue'
import gridHeader from './workBatchGridHeader.vue'
import gridBody from './workBatchDialog.vue'
let extension = {
  components: {
    //查询界面扩展组件
    gridHeader: gridHeader,
    gridBody:'' ,
    gridFooter: gridBody,
    //新建、编辑弹出框扩展组件
    modelHeader: modelHeader,
    modelBody: '',
    modelRight: '',
    modelFooter: ''
  },
  tableAction: '', //指定某张表的权限(这里填写表名,默认不用填写)
  buttons: { view: [], box: [], detail: [] }, //扩展的按钮
  methods: {
     //下面这些方法可以保留也可以删除
    onInit() {  //框架初始化配置前，
           //弹出框添加选择数据的操作
      this.editFormOptions.forEach((option) => {
        option.forEach((item) => {
          if (item.field == 'ProductCode') {
            //初始化弹出框选择器配置
            item.extra = {
              icon: 'el-icon-zoom-out', //显示图标
              text: '选择数据', //显示文本
              style: 'color: #3a8ee6;font-size: 13px;cursor: pointer;',
              //触发事件
              click: (item) => { 
                this.$refs.modelHeader.open(this.editFormFields);
              }
            };
          }
          if(item.field == 'StartPartNum' || item.field=='Quantity'){
            item.min=1;
            item.max=10000;
          } 
          if(item.field == 'BatchCode'){
            item.max=13;
            item.validator=(rule, val, callback) => { if (val.length>13) {val=''; return '长度不能超过15位'; } return ''; }
          } 
          
        });
      });
      this.columns.forEach(item=>{
        if(item.field=='Status'){
          item.normal = true;
          //未开工的可以进行开工操作
          item.getStyle = (row, column) => {
            //2暂停→部分数量作废或者重新开工和1开工能够进行操作→暂停切换其他产品
            if (row.Status == 1) {
              return {color: "BLUE",cursor: "pointer",FontSize:14,borderBottom:" 1px solid orange",letterSpacing: "1PX" };
            }
            if(row.Status>2){
              return {color: "green"};
            } 
            if(row.Status<0){
              return {color: "red"};
            }
            return { color: "gray"};
          };
          item.click = (row, column, event) => {
            this.setOrdersStop(row);
          };
        }

      });     
    },
    setOrdersStop(row){
      if(row.Status==1){
        var msg='是否更新批次'+row.BatchCode+'切换为暂停？'
        var setData={"BatchID":row.BatchID,"Status":row.Status+1};
        this.$confirm(msg, this.$ts('警告'), {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
          center: true
        }).then(() => {
          this.http.post("/api/productionbatchesview/SetWorkBathStatus", setData, '更新作业任务的状态').then(date => {
            console.log(date.status)
            if (date.status) {
              this.$message.info('暂停作业批次：成功'+row.BatchCode+date.message);
          }
          else{
              this.$message.error('暂停作业批次：'+row.BatchCode+date.message);
          }
          this.search();
          })
        }).catch((e)=>{
          this.search();
        })
      }
     
    },
    //绑定选择器弹出选择数据的事件
    onInited() {
      this.height = this.height - 50
      //配置编辑表单下拉框table搜索选项
      this.initFormSelectTable();

      /** 
      this.columns.splice(0, 0, {
        title: '开工状态', //按钮名称
        field: '按钮',
        style:"color:red",
        render: (h, { row, column, index }) => {
          if(row.Status==0){
            return (
              <div>
                  <el-button
                  onClick={($e) => {
                      $e.stopPropagation();
                      this.$message.success('点击了表格按钮')
                  }}
                  style=" height:23px;padding: 0px 8px !important;"
                  size="small"
                  type="primary"
                  plain>开工</el-button>
                     
              </div>
              );
          } 
          }
        });*/
    },
    initFormSelectTable(item) {
      //配置编辑表单下拉框table搜索选项
      this.editFormOptions.forEach((option) => {
        option.forEach((item) => {
          if (item.field == 'ProductCode') {
            //设置只读是否
            //item.readonly = false;
            //配置请求的接口地址
            //可以使用生成的页面接口，注意接口权限问题，如果提示没有权限,参照后台后开发文档上的重写权限示例
            item.url = 'api/products/getPageData';
           // item.inputReadonly=true;输入框只读操作，需要将columns的search字段设置为true，否则无法过滤数据
          
            //设置显示的字段
            item.columns =  [{field:'ID',title:'主键',type:'int',width:50,hidden:true,hidden:true},
              {field:'ProductCode',title:'物料编码',type:'string',width:80,search:true},
              {field:'ProductName',title:'物料名称',type:'string',width:80},
              {field:'DrawNo',title:'物料图号',type:'string',width:80,search:true},
              {field:'Unit',title:'单位',type:'string',bind:{ key:'单位',data:[]},width:50,search:false},
              {field:'Memo',title:'备注信息',type:'string',width:150,search:false}
            ];

            //选中table数据后，回写到表单
            item.onSelect = (rows) => {
              //给表单字段设置值
              this.editFormFields.ProductCode= rows[0].ProductCode;
              this.editFormFields.ProductName = rows[0].ProductName;
              this.editFormFields.DrawNo = rows[0].DrawNo;
              this.editFormFields.ProductID = rows[0].ID;
            };
             
            //设置过滤条件
            //(输入框搜索)表格数据加载前处理
            item.loadBefore = (param, callback) => {
              
              param.value = this.editFormFields.ProductCode;
              callback(true);
            };


            /****************下面这些配置不是必须的**************/
            //表格数据加载后处理
            item.loadAfter = (rows, callback, result) => {
              callback(true);
            };

            //设置弹出框高度(默认200)
            item.height = 200;
            //设置弹出框宽度(默认500)
            //item.width = 400;
           // item.textInline = false; //设置表格超出自动换行显示
            //设置表格是否单选
            item.single = true;
            //隐藏分页
            item.paginationHide = false;
          }
        });
      });
    },
    searchBefore(param) {
      //界面查询前,可以给param.wheres添加查询参数
      //返回false，则不会执行查询
      return true;
    },
    searchAfter(result) {
      //查询后，result返回的查询数据,可以在显示到表格前处理表格的值
      return true;
    },
    addBefore(formData) {
      formData.mainData.StartDate=new Date().toLocaleTimeString();
      //新建保存前formData为对象，包括明细表，可以给给表单设置值，自己输出看formData的值
      return true;
    },
    updateBefore(formData) {
      formData.mainData.EndDate=new Date().toLocaleTimeString();
      //编辑保存前formData为对象，包括明细表、删除行的Id
      return true;
    },
    rowClick({ row, column, event }) {
      //查询界面点击行事件
      // this.$refs.table.$refs.table.toggleRowSelection(row); //单击行时选中当前行;
    },
    delBefore(ids, rows) { //查询界面的表删除前 ids为删除的id数组,rows删除的行
      var isdel=1;
      rows.forEach(element => { 
        if(element.Status!=0){
           isdel=-1;
          this.$message.error('该条数据'+element.BatchCode+'已被开工，不能删除！');
          return false
        }
      });
      if(isdel>0){
        return true;//返回,false，界面上不会显示
      }
     return false;
   },
    async modelOpenBeforeAsync(row) { 
      if(this.currentAction=="Add") return true;
      if (row.Status==0) {
        return true;
      } else {
      this.$message.error(row.BatchCode+"已开工，无法进行编辑，请选择未开工或者初始化的任务工单...");
      return false;
      }
  },
    modelOpenAfter(row) {
      //点击编辑、新建按钮弹出框后，可以在此处写逻辑，如，从后台获取数据
      //(1)判断是编辑还是新建操作： this.currentAction=='Add';
      //(2)给弹出框设置默认值
      //(3)this.editFormFields.字段='xxx';
      //如果需要给下拉框设置默认值，请遍历this.editFormOptions找到字段配置对应data属性的key值
      //看不懂就把输出看：console.log(this.editFormOptions)
      var date=new Date();
      if(this.currentAction=='Add'){
        this.editFormFields.BatchCode=String(date.getFullYear()).slice(2)
        +String(date.getMonth()+1).padStart(2, '0')
        +String(date.getDate()).padStart(2, '0')
        +String(date.getHours()).padStart(2, '0')+
        String(date.getMinutes()).padStart(2, '0')+
        String(date.getSeconds()).padStart(2, '0');
        this.editFormFields.StartPartNum=1;
        this.editFormFields.Quantity=1;
        this.editFormFields.Status=0;       
      } 
      this.editFormOptions.forEach(item => {
        item.forEach(x => {
                //判断字段配置
                if (x.field == "BatchCode") {
                    //设置表单配置disabled禁用只读状态
                     x.disabled= this.currentAction != 'Add'
                     //也可以设置字段是否必填
                     //x.required=true;//true/false
                }
                if(x.field=="ProductID"){
                  x.hidden=true;
                }
                if(x.field=='Status'){
                  x.disabled=true;
                }
            })
    })
    }
  }
}
export default extension;
